.--pupop-base-bg(@zIndex:200) {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: @zIndex;
}

.--info-center() {
  display: block;
  width: 620rpx;
  border-radius: 16rpx;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.share-popup {
  .--pupop-base-bg;
  .share-popup__center {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
  .share__close-icon {
    width: 48rpx;
    height: 48rpx;
    vertical-align: bottom;
    position: absolute;
    right: 32rpx;
    top: -72rpx;
  }
  .share__info-center {
    width: 100%;
    height: 100%;
    padding: 50rpx 30rpx;
    word-wrap: break-word;
    word-break: break-all;
    box-sizing: border-box;
  }
  .share__title {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    font-size: 32rpx;
    color: #000000;
    font-weight: 500;
    text {
      font-size: 32rpx;
      color: #d40000;
      font-weight: 500;
      margin-left: 5rpx;
    }
  }
  .share__tip {
    line-height: 1.5;
    font-size: 24rpx;
    color: #9a9a9a;
    text-align: center;
    margin-top: 9rpx;
  }
  .share__rules {
    width: 100%;
    padding: 30rpx 32rpx;
    background-color: #f2f2f2;
    box-sizing: border-box;
    margin-top: 35rpx;
    .share__rules-title {
      line-height: 1;
      font-size: 28rpx;
      color: #343434;
      font-weight: bolder;
      text-align: left;
      margin-top: 28rpx;
    }
    .share__rules-title:first-child {
      margin-top: 0px;
    }
    .share__info {
      font-size: 28rpx;
      color: #666666;
      font-weight: 500;
      margin-top: 8rpx;
    }
  }
  .share-btn-bar {
    display: flex;
    margin-top: 49rpx;
    .share-btn__item {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .share-btn_icon {
      width: 95rpx;
      height: 95rpx;
      vertical-align: bottom;
      border-radius: 50%;
    }
    .share-btn_txt {
      line-height: 1;
      font-size: 28rpx;
      color: #666666;
      font-weight: 500;
      margin-top: 20rpx;
    }
  }
}
/* 图片链接弹层 */
.share-popup-pic {
  .--pupop-base-bg(201);
  .share-pic__center {
    .--info-center;
    width: auto;
    border-radius: 0px;
    background-color: transparent;
    .share__close-icon {
      width: 48rpx;
      height: 48rpx;
      top: auto;
      left: 50%;
      bottom: -126rpx;
      transform: translateX(-50%);
    }
    .share-pic__tip {
      width: 100%;
      line-height: 1;
      text-align: center;
      font-size: 28rpx;
      color: #ffffff;
      font-weight: 500;
      position: absolute;
      left: 0px;
      bottom: -45rpx;
    }
  }
  img.share-pic__img {
    width: 580rpx !important;
    height: 900rpx !important;
    vertical-align: bottom;
    border-radius: 16rpx;
    max-width: none;
  }
  .share-layer_center {
    top: 48% !important;
  }
}
